<div class="p-4 border border-gray-200 w-full rounded mr-4 mb-4">
    <h1 class="text-gray-500 text-lg font-extrabold mb-2">邀请返利基础规则说明 🎉</h1>
    <p>通过您的邀请链接注册的用户购买套餐时会获得其购买金额一定比例的佣金。</p>

    <div class="referral_link_wrapper relative my-2">
        <input type="text" class="referral_link w-full p-2 border border-gray-200 rounded mt-2" value="{{ $referralLink }}" readonly>
        <button class="blue-btn absolute top-3 right-1" onclick="copyToClipboard()">复制邀请链接</button>
    </div>

    <div class="flex space-x-4">
        <div>{!! $qrcode !!}</div>
        <div class="leading-7">
            <p>您当前的邀请人数：0, 您当前的返佣金额：0</p>
            <p>您当前的返佣比例：<span class="text-red-500">10%</span>, 升级成VIP可获得<span class="text-red-500">20%</span>的返佣。</p>
            <p>如果您有很大的流量和受众，请直接联系我们！</p>
            <p>您可以扫左边的二维码在手机打开链接！</p>
            <p>推荐系统利用了COOKIE机制，只要推荐人打开推荐链接，推荐代码会保存在浏览器的COOKIE中，30天后过期。</p>
        </div>
    </div>
</div>
